<!doctype html>
<html lang="ko">

<head>
	<meta charset="utf-8">
	<meta name="format-detection" content="telephone=no" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<title>book</title>

	<link rel="stylesheet" href="../css/common.css" type="text/css"/>
	<link rel="stylesheet" href="../css/sub1.css" type="text/css"/>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
	<script src="../js/jQuery.slide.js"></script>
	<script src="../js/jQuery.vertical.js"></script>
	<script src="../js/gev.js"></script>
</head>

<body>
	<section id="sub" class="gev board"> <!-- 검색 영역이 있을 경우 board class 추가 -->
		<header class="header">
			<div class="before_search">
				<div class="btn_side"><a href="javascript:void(0);"><img src="../images/common/btn_side.png" alt="" /></a></div>
				<h1><a href="javascript:void(0);"><img src="../images/common/h1_gev.png" alt="" /></a></h1>
				<div class="btn_search"><a href="javascript:void(0);"><img src="../images/common/btn_search.png" alt="" /></a></div>
			</div>

			<div class="after_search" style="display:none;">
				<div class="txt_search_wrap">
					<div class="txt_search_inner">
						<input type="search" class="txt_search" placeholder="search">
						<a href="javascript:void(0);" class="btn_all_search"><img src="../images/common/btn_all_search.png" alt="" /></a>
					</div>
				</div>

				<a href="javascript:void(0);" class="close_search"><img src="../images/common/btn_close_search.png" alt="" /></a>
			</div>
		</header>

		<section class="container">
			<nav class="menu_wrap">
				<ul class="depth1">
					<li><a href="#">게임스코어</a></li>
					<li><a href="#">온라인게임</a></li>
					<li><a href="#">모바일게임</a></li>
					<li class="on">
						<a href="#">커뮤니티</a>
					</li>
				</ul>
				<ul class="depth2">
					<li style="width:20%;" class="on"><a href="#"><span>게임리뷰</span></a></li>
					<li style="width:20%;"><a href="#"><span>자유</span></a></li>
					<li style="width:20%;"><a href="#"><span>도움말</span></a></li>
					<li style="width:20%;"><a href="#"><span>공지사항</span></a></li>
					<li style="width:20%;"><a href="#"><span>갤러리</span></a></li>
				</ul>
			</nav>

			<header class="tit_menu">
				<h2><a href="#"><img src="../images/common/btn_prev.png" alt="뒤로 가기" /></a> 게임리뷰</h2> <!-- 20140622 수정 -->
				<p>게임 매니아면 OK! 게임과 관련된 이야기를 자유롭게 올려주세요.</p>
			</header>

			<section class="commmunity_wrap">
				<section class="view_wrap">
					<header>
						<h3><p>단언컨대, 몬스터 길들이기는 가장 완벽한 게임입니다. <img src="../images/common/ico_new1.png" alt="NEW" /></p></h3>
						<!-- s: 게시물 정보 -->
						<div class="info">
							<img src="../images/common/photo_profile1.png" alt="" class="photo" />
							<span class="name">슘슘</span>
							<span class="time">30분전</span>
							<span class="hit">조회 3210</span>
							<ul class="count">
								<li class="like"><a href="#">150000</a></li>
								<li class="dislike"><a href="#">200000</a></li>
							</ul>
						</div>
						<!-- e: 게시물 정보 -->
					</header>

					<div class="cont_wrap">
						<!-- s: 본문 내용 -->
						<article>
							<p>손쉽게 누구나 즐길 수 있는 액션 게임이 왔다!</p>
							<p>손쉽게 누구나 즐길 수 있는 액션 게임이 왔다!</p>
							<p>손쉽게 누구나 즐길 수 있는 액션 게임이 왔다!</p>
							<p>손쉽게 누구나 즐길 수 있는 액션 게임이 왔다!</p>
							<p>손쉽게 누구나 즐길 수 있는 액션 게임이 왔다!</p>
							<p>손쉽게 누구나 즐길 수 있는 액션 게임이 왔다!</p>
							<p>손쉽게 누구나 즐길 수 있는 액션 게임이 왔다!</p>
							<p>손쉽게 누구나 즐길 수 있는 액션 게임이 왔다!</p>
							<br />
							<img src="../images/common/thumb1.png" alt="" />
						</article>
						<!-- e: 본문 내용 -->

						<div class="sns">
							<ul>
								<li><a href="#"><img src="../images/common/sns_fb1.png" alt="페이스북" /></a></li>
								<li><a href="#"><img src="../images/common/sns_tw1.png" alt="트위터" /></a></li>
								<li><a href="#"><img src="../images/common/sns_kt1.png" alt="카카오톡" /></a></li>
								<li><a href="#"><img src="../images/common/sns_ks1.png" alt="카카오스토리" /></a></li>
								<li><a href="#"><img src="../images/common/sns_share1.png" alt="공유하기" /></a></li>
							</ul>
						</div>

						<div class="count">
							<ul>
								<li class="like"><a href="#"><span>150000000</span></a></li>
								<li class="dislike"><a href="#"><span>200000000</span></a></li>
							</ul>
						</div>
					</div>
				</section>

				<section class="reply_write">
					<header>
						<h3>댓글쓰기</h3>
						<span class="ico_reply"><img src="../images/common/btn_reply_write1.png" alt="댓글쓰기" /></span>
					</header>
					<div class="write_area">
						<div class="photo">
							<img src="../images/common/photo_default1.png" alt="사진" />
						</div>
						<div class="input">
							<textarea></textarea> <!-- 20140625 수정 -->
						</div>
					</div>
					<div class="btn_send">
						<a href="#"><img src="../images/common/btn_reply_write2.png" alt="댓글작성" /></a>
					</div>
				</section>

				<div class="reply_list">
					<ul>
						<li>
							<div class="photo">
								<img src="../images/common/photo_profile1.png" alt="" />
							</div>
							<div class="cont_wrap">
								<p class="user">
									예삐냠냠 <span class="level_ico">22</span>
									<span class="level">Lv. 22</span>
									<span class="time">4분전</span>
								</p>

								<!--20140628 수정 -->
								<p class="txt">
									무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!!
									<a href="#" class="btn_del"><img src="../images/common/btn_delete.png" alt="삭제" /></a>
								</p>
								<!--20140628 수정 -->
								<div class="util">
									<div class="count">
										<ul>
											<li class="like"><a href="#"><span>1500</span></a></li>
											<li class="dislike"><a href="#"><span>200</span></a></li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="photo">
								<img src="../images/common/photo_profile1.png" alt="" />
							</div>
							<div class="cont_wrap">
								<p class="user">
									예삐냠냠 <span class="level_ico">22</span>
									<span class="level">Lv. 22</span>
									<span class="time">4분전</span>
								</p>
								<!--20140628 수정 -->
								<p class="txt">
									무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!!
									<a href="#" class="btn_del"><img src="../images/common/btn_delete.png" alt="삭제" /></a>
								</p>
								<!--20140628 수정 -->
								<div class="util">
									<div class="count">
										<ul>
											<li class="like"><a href="#"><span>1500</span></a></li>
											<li class="dislike"><a href="#"><span>200</span></a></li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="photo">
								<img src="../images/common/photo_profile1.png" alt="" />
							</div>
							<div class="cont_wrap">
								<p class="user">
									예삐냠냠 <span class="level_ico">22</span>
									<span class="level">Lv. 22</span>
									<span class="time">4분전</span>
								</p>
								<p class="txt">무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!!</p>
								<div class="util">
									<div class="count">
										<ul>
											<li class="like"><a href="#"><span>1500</span></a></li>
											<li class="dislike"><a href="#"><span>200</span></a></li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="photo">
								<img src="../images/common/photo_profile1.png" alt="" />
							</div>
							<div class="cont_wrap">
								<p class="user">
									예삐냠냠 <span class="level_ico">22</span>
									<span class="level">Lv. 22</span>
									<span class="time">4분전</span>
								</p>
								<p class="txt">무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!!</p>
								<div class="util">
									<div class="count">
										<ul>
											<li class="like"><a href="#"><span>1500</span></a></li>
											<li class="dislike"><a href="#"><span>200</span></a></li>
										</ul>
									</div>
								</div>
							</div>
						</li>
						<li>
							<div class="photo">
								<img src="../images/common/photo_profile1.png" alt="" />
							</div>
							<div class="cont_wrap">
								<p class="user">
									예삐냠냠 <span class="level_ico">22</span>
									<span class="level">Lv. 22</span>
									<span class="time">4분전</span>
								</p>
								<p class="txt">무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!! 무슨 게임에 에러가 이렇게 많은 것인가!!</p>
								<div class="util">
									<div class="count">
										<ul>
											<li class="like"><a href="#"><span>1500</span></a></li>
											<li class="dislike"><a href="#"><span>200</span></a></li>
										</ul>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>

				<div class="btn_more">
					<a href="#"><span>더보기</span></a>
				</div>
				<div class="btn_list">
					<a href="#"><img src="../images/common/btn_list1.png" alt="목록" /></a>
				</div>
				<div class="btn_top">
					<a href="#"><img src="../images/common/btn_top1.png" alt="TOP" /></a>
				</div>

				<div class="article_list">
					<ul>
						<li>
							<a href="#">
								<span class="tit">이전 글</span>
								<p>기대되네요! 지금 깔고 있습니당^^ 기대되네요! 지금 깔고 있습니당^^ 기대되네요! 지금 깔고 있습니당^^ 기대되네요! 지금 깔고 있습니당^^</p>
								<span class="date">14.06.06</span>
							</a>
						</li>
						<li>
							<a href="#">
								<span class="tit">다음 글</span>
								<p>기대되네요!</p>
								<span class="date">14.06.06</span>
							</a>
						</li>
					</ul>
				</div>
			</section>

			<section class="board_util">
				<ul>
					<li><a href="javascript:void(0);"><img src="../images/common/btn_search1.png" alt="검색" /></a></li>
					<li><a href="javascript:void(0);"><img src="../images/common/btn_write1.png" alt="글쓰기" /></a></li>
				</ul>
				<!-- s: 20140622 수정 -->
				<div class="search_wrap">
					<div class="search_inner">
						<select>
							<option>제목</option>
							<option>제목</option>
							<option>제목</option>
						</select>
						<div class="input_wrap">
							<input type="text" placeholder="Search" />
						</div>
					</div>
				</div>
				<!-- e: 20140622 수정 -->
			</section>
		</section>

		<footer class="footer">
			<div class="sitemap">
				<span class="mygev"><a href="#none">My 게볼루션</a></span>
				<span class="login"><a href="#none">로그인</a></span>
				<span class="PC"><a href="#none">PC버전</a></span>
			</div>

			<div class="corp">
				<a href="#none">회사소개</a><em>|</em>
				<a href="#none">이용약관</a><em>|</em>
				<a href="#none">개인정보 취급방침</a><em>|</em>
				<a href="#none">고객센터</a>
			</div>
			
			<div class="copyright">@ tapfunny Corporation. All Rights Reserved.</div>
		</footer>

		<section class="panel" id="panel">
			<!-- <div class="before_login">로그인 전-->
			<div class="after_login"><!-- 로그인 후-->
				
				<div class="info">
					<div class="login_info fix">
						<!--img src="../images/before_login.png" alt="" /-->
						<img src="../images/common/after_login.png" alt="" />
						<span class="nick">예삐냠냠.</span>
					</div>

					<a class="home" href="javascript:void(0);"><img src="../images/common/btn_home.png" alt="" /></a>
					<a class="close" href="javascript:void(0);"><img src="../images/common/btn_panel_close.png" alt="" /></a>
				</div>

				<div class="panel_list">
					<div class="common_list">
						<ul>
							<li class="login">
								<a href="#none">
									<span class="menu">로그아웃</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="reg">
								<a href="#none">
									<span class="menu">my 게볼루션</span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</div>

					<div class="menu_list">
						<h2>메뉴</h2>
						<ul>
							<li class="score">
								<a href="#none">
									<span class="menu">게임스코어</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="online">
								<a href="#none">
									<span class="menu">온라인게임</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="mobile">
								<a href="#none">
									<span class="menu">모바일게임</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="community">
								<a href="#none">
									<span class="menu">커뮤니티</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="event">
								<a href="#none">
									<span class="menu">이벤트</span>
									<span class="arrow"></span>
								</a>
							</li>
							<li class="customer">
								<a href="#none">
									<span class="menu">고객센터</span>
									<span class="arrow"></span>
								</a>
							</li>
						</ul>
					</div>
				</div>

			</div>

		</section>

		<div class="dimmed"></div>

	</section>

	<script>
		$('#mainSwipe').swipe({
			paging:'#mainSwipePaging',
			currentPaging:0,
			pagingActive:'on',
			rollingTime:4000,
			animationTime:300,
			autoRolling:true
		});

		jQuery('#mainSwipePaging').each(function(i) {
			jQuery(this).find('a').each(function(j) {
				jQuery(this).on('click',function() {
					$.config.myNn[i].goSlide(j);
				});
			});
		});

		$('#gamerSwipe').swipe({
			paging:'#gamerSwipePaging',
			currentPaging:0,
			pagingActive:'on',
			rollingTime:4000,
			animationTime:300,
			autoRolling:true
		});

		jQuery('#gamerSwipePaging').each(function(i) {
			jQuery(this).find('a').each(function(j) {
				jQuery(this).on('click',function() {
					$.config.myNn[i].goSlide(j);
				});
			});
		});

		if(jQuery('.sub_notice').size() >0 ){
			jQuery(".sub_notice").vTicker({ 
				speed: 500,
				pause: 5000,
				animation: 'fade',
				mousePause: false,
				showItems: 1
			});
		}

	</script>
</body>
</html>